<template>
	<!-- 经典案例详情 -->
	<view class="jdDetail" v-if="pageObj">
		<h1 class="h1">经典案例：{{pageObj.caseName}}</h1>
		<image :src="config.baseUrl+ pageObj.imgUrl" mode="widthFix"></image>
		<view class="p1" v-html="pageObj.caseDescribe"></view>
	</view>
</template>

<script setup>
	import config from '@/common/config.js'
	import {
		ref
	} from 'vue'
	import {
		caseDetail
	} from "@/api/index.js";
	const pageObj = ref(null)
	onLoad((opt) => {
		caseDetail({
			tenantId: opt.id
		}).then(res => {
			pageObj.value = res.data;
		})
	})
</script>

<style lang="scss" scoped>
	.jdDetail {
		padding: 0 30rpx 50rpx 30rpx;

		.h1 {
			font-size: 30rpx;
			font-weight: 600;
			color: #000;
			line-height: 80rpx;
		}

		image {
			width: 100%;
		}

		.p1 {
			text-indent: 2em;
			font-size: 30rpx;
			color: #333;
			line-height: 40rpx;
		}
	}
</style>